<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>DGC</title>
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Bodo - Simple One Page Personal" name="description">
<meta content="BdgPixel" name="author">
<!--Fav-->
<link href="images/favicon.ico" rel="shortcut icon">

<!--styles-->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/owl.carousel.css" rel="stylesheet">
<link href="css/owl.theme.css" rel="stylesheet">
<link href="css/magnific-popup.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">

<!--fonts google-->
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,300,500,700' rel='stylesheet' type='text/css'>

<!--[if lt IE 9]>
   <script type="text/javascript" src="js/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<!--PRELOADER-->
<div id="preloader">
  <div id="status">
	<img alt="logo" src="images/logo-big.png">
  </div>
</div>
<!--/.PRELOADER END-->

<!--HEADER -->
<div class="header">
  <div class="for-sticky">
	<!--LOGO-->
	<div class="col-md-2 col-xs-6 logo">
	  <a href="index.html"><img alt="logo" class="logo-nav" src="images/logo.png"></a>
	</div>
	<!--/.LOGO END-->
  </div>
  <div class="menu-wrap">
	<nav class="menu">
	  <div class="menu-list">
		<a data-scroll="" href="#home" class="active">
		  <span>首页</span>
		</a>
		<a data-scroll="" href="#about">
		  <span>关于我</span>
		</a>
		<a data-scroll="" href="#work">
		  <span>工作</span>
		</a>
		 <a data-scroll="" href="#services">
		  <span>服务</span>
		</a>
		<a data-scroll="" href="#employement">
		  <span>工作经历</span>
		</a>
		<a data-scroll="" href="#skill">
		  <span>技能</span>
		</a>
		<a data-scroll="" href="#testimonial">
		  <span>见证</span>
		</a>
		<a data-scroll="" href="#contact">
		  <span>Contact</span>
		</a>
	  </div>
	</nav>
	<button class="close-button" id="close-button">Close Menu</button>
  </div>
  <button class="menu-button" id="open-button">
	<span></span>
	<span></span>
	<span></span>
  </button><!--/.for-sticky-->
</div>
<!--/.HEADER END-->

<!--CONTENT WRAP-->
<div class="content-wrap">
  <!--CONTENT-->
  <div class="content">
	<!--HOME-->
	<section id="home">
	  <div class="container">
		<div class="row">
		  <div class="section">
			  <div class="hero-content">
				<h1>你好</h1>
				<br>
				<span class="">我是杜广晨</span>
			  </div>
		  </div>
		  <div class="mouse-icon margin-20">
			<div class="scroll"></div>
		  </div>
		</div>
	  </div>
	</section>
	<!--/.HOME END-->

	<!--ABOUT-->
	<section id="about">
	  <div class="col-md-6 col-xs-12 no-pad">
		<div class="bg-about"></div>
	  </div>
	  <div class="col-md-6 col-sm-12 col-xs-12 white-col">
		<div class="row">
		  <!--OWL CAROUSEL2-->
		  <div class="owl-carousel2">
			<div class="col-md-12">
			  <div class="wrap-about">
				<div class="w-content">
				  <p class="head-about">
					设计是将表单和内容放在一起的方法，设计就像艺术一样，有多个定义，没有单一的定义。设计可以是艺术、设计可以是美学、设计非常简单，这就是它如此复杂的原因。
				  </p>
<!--				  <img alt="signature" src="images/signature.gif">-->
				</div>
			  </div>
			</div>
		  
			<div class="col-md-12 col-sm-12 col-xs-12 white-col">
			  <div class="row">
				<div class="col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-12">
				  <div class="wrap-about">
					<table class="w-content">
					  <tr>
						<td class="title">姓名 </td>
						<td class="break">:</td>
						<td>杜广晨</td>
					  </tr>
					  <tr>
						<td class="title">电话 </td>
						<td class="break">:</td>
						<td> +1553124561</td>
					  </tr>
					  <tr>
						<td class="title">Email </td>
						<td class="break">:</td>
						<td> xiaodu-mm@qq.com</td>
					  </tr>
					  <tr>
						<td class="title">地址 </td>
						<td class="break">:</td>
						<td> 石家庄市汇君城</td>
					  </tr>
					</table>
				  </div>
				</div>
			  </div>
			</div>
		  </div>
		  <!--/.OWL CAROUSEL2 END-->
		</div>
	  </div>
	</section>
	<!--/.ABOUT END-->

	<!--WORK-->
	<section class="grey-bg mar-tm-10" id="work">
	  <div class="container">
		<div class="row">
		  <div class="col-md-3">
			<h3 class="title-small">
			  <span>工作</span>
			</h3>
			<p class="content-detail">
			  　　拥有多年的设计经验，经过时间的积累和沉淀已经有了自己的设计技巧和风格，性格低调，比较细心，责任感强，有进取心，诚实可靠。有很强的团队合作意识和一定的领导能力，具有良好的手绘能力,思维敏锐，学习能力、表达能力出众。
			</p>
		  </div>
		  <div class="col-md-9 content-right">
			<!--PORTFOLIO IMAGE-->
			<ul class="portfolio-image">
			  <li class="col-md-6">
				<a href="images/bw-1.png"><img alt="image" src="images/bw-1.png">
				  <div class="decription-wrap">
					<div class="image-bg">
					   <p class="desc">概念海报</p>
					</div>

				  </div>
				</a>
			  </li>
			  <li class="col-md-6">
				<a href="images/bw-2.png"><img alt="image" src="images/bw-2.png">
				  <div class="decription-wrap">
					<div class="image-bg">
					  <p class="desc">
						APP界面
					  </p>
					</div>
				  </div>
				</a>
			  </li>
			  <li class="col-md-6">
				<a href="images/bw-3.png"><img alt="image" src="images/bw-3.png">
				  <div class="decription-wrap">
					<div class="image-bg">
					  <p class="desc">
						APP图标
					  </p>
					</div>
				  </div>
				</a>
			  </li>
			  <li class="col-md-6">
				<a href="images/bw-4.png"><img alt="image" src="images/bw-4.png">
				  <div class="decription-wrap">
					<div class="image-bg">
					  <p class="desc">
						APP界面
					  </p>
					</div>
				  </div>
				</a>
			  </li>
			  <li class="col-md-6">
				<a href="images/bw-5.png"><img alt="image" src="images/bw-5.png">
				  <div class="decription-wrap">
					<div class="image-bg">
					  <p class="desc">
						网站界面
					  </p>  
					</div>
				  </div>
				</a>
			  </li>
			  <li class="col-md-6">
				<a href="images/bw-6.png"><img alt="image" src="images/bw-6.png">
				  <div class="decription-wrap">
					<div class="image-bg">
					  <p class="desc">
						原型设计
					  </p>
					</div>
				  </div>
				</a>
			  </li>
			</ul>
			<!--/.PORTFOLIO IMAGE END-->
		  </div>
		</div>
	  </div>
	</section>
	<!--/.WORK END-->

	<!--SERVICES-->
	<section class="white-bg" id="services">
	  <div class="container">
		<div class="row">
		  <div class="col-md-3">
			<h3 class="title-small">
			  <span>服务</span>
			</h3>
			<p class="content-detail">
			  　　具有较强的用户研究、市场分析能力，对中国用户的社会形态、生活方式有丰富的认识和独特的见解;对色彩、材质感觉细腻而敏感，具有色彩、材质、表面处理的研究和趋势分析能力，对当代中国的色彩具有深入的理解和自己的观点;能够准确把握社会文化、流行趋势，对中国现代社会及传统文化背景有仔细的研究和深刻的理解;对设计工作充满热情，有较强的设计能力，设计的产品范围广泛。
			</p>
		  </div>
		  <div class="col-md-9 content-right">
			<div class="row">
			  <ul class="listing-item">
				<li>
				  <div class="col-md-4 col-sm-4">
					<h3 class="icon-use">
					  c
					</h3>
					<p class="head-sm">
					  UI设计
					</p>
					<p class="text-grey">
					  各类app、微信小程序、后台管理系统UI界面设计. 
					</p>
				  </div>
				</li>

				<li>
				  <div class="col-md-4 col-sm-4">
					<h3 class="icon-use">
					  b
					</h3>
					<p class="head-sm">
					  网页设计
					</p>
					<p class="text-grey">
					  企业站、商城站、天猫淘宝旺铺装修各平台页面设计. 
					</p>
				  </div>
				</li>

				<li>
				  <div class="col-md-4 col-sm-4">
					<h3 class="icon-use">
					  d
					</h3>
					<p class="head-sm">
					  平面设计
					</p>
					<p class="text-grey">
					  海报、易拉宝、三折页、企业VI手册、名片、logo等各类平面设计. 
					</p>
				  </div>
				</li>
			  </ul>

			  <ul class="listing-item">
				<li>
				  <div class="col-md-4 col-sm-4">
					<p class="icon-use">
					  f
					</p>
					<p class="head-sm">
					  前端
					</p>
					<p class="text-grey">
					  定制各类网站多平台页面套版. 
					</p>
				  </div>
				</li>

				<li>
				  <div class="col-md-4 col-sm-4">
					<h3 class="icon-use">
					  p
					</h3>
					<p class="head-sm">
					  视频剪辑
					</p>
					<p class="text-grey">
					  短视频、特效视频、flash动画制作、demo展示特效制作。 
					</p>
				  </div>
				</li>

				<li>
				  <div class="col-md-4 col-sm-4">
					<h3 class="icon-use">
					  m
					</h3>
					<p class="head-sm">
					  原型设计
					</p>
					<p class="text-grey">
					  产品分析、原型设计、流程图、展示版demo制作，软件优化升级一站式产品服务。
					</p>
				  </div>
				</li>
			  </ul>

			</div>
		  </div>
		</div>
	  </div>
	</section>
	<!--/.SERVICES END-->

	<!--EMPLOYEMENT-->
	<section class="grey-bg" id="employement">
	  <div class="container">
		<div class="row">
		  <div class="col-md-3">
			<h3 class="title-small">
			  <span>工作经历</span>
			</h3>
			<p class="content-detail">
			 　　资深产品设计师，多年企业就业经历，带领高水准的设计创新团队，一次次挑战巅峰，不断进取，同时也获得了优异的成果，更积累了丰富的综合管理经验;对新产品设计开发和博物馆展示设计具有丰富经验;多次在设计项目中起到主导作用，收到领导和客户的一致好评。
			</p>
		  </div>
		  <div class="col-md-9 content-right">
			<div class="row">
			  <ul class="listing-item">
				<li>
				  <div class="col-md-6 col-sm-6">
					<div class="wrap-card">
					  <div class="card">
						<h2 class="year">
						  2014 - 2016
						</h2>
						<p class="job">
						  产品设计
						</p>
						<p class="company">
						 琉影艺术玻艺
						</p>
						<hr>
						<div class="text-detail">
						  <p>
							琉影艺术玻艺：产品设计师，负责产品设计、产品的市场的运营推广、产品更新迭代的优化 ，收到客户商家的一致好评 。
						  </p>
						</div>
					  </div>
					</div>
				  </div>
				</li>

				<li>
				  <div class="col-md-6 col-sm-6">
					<div class="wrap-card">
					  <div class="card">
						<h2 class="year">
						  2016 - 2017
						</h2>
						<p class="job">
						  视觉设计
						</p>
						<p class="company">
						   博艺广告
						</p>
						<hr>
						<div class="text-detail">
						  <p>
							各类活动展示策划、设计，品牌设计、高端海报定制、LOGO、企业VI手册设计、宣传册、企业文化展板定制 。
						  </p>
						</div>
					  </div>
					</div>
				  </div>
				</li>
			  </ul>  
			  <ul class="listing-item">
				<li>
				  <div class="col-md-6 col-sm-6">
					<div class="wrap-card">
					  <div class="card">
						<h2 class="year">
						  2017 - 2018
						</h2>
						<p class="job">
						 UE设计
						</p>
						<p class="company">
						 启普同鑫 
						</p>
						<hr>
						<div class="text-detail">
						  <p>
							负责公司产品设计、升级改版与优化 。参与多款APP、后台管理系统。网站项目的升级改版，工作期间受到老板客户的一致好评 。
						  </p>
						</div>
					  </div>
					</div>
				  </div>
				</li>

				<li>
				  <div class="col-md-6 col-sm-6">
					<div class="wrap-card">
					  <div class="card">
						<h2 class="year">
						  2018 - NOW
						</h2>
						<p class="job">
						  设计总监
						</p>
						<p class="company">
						  博道电子商务
						</p>
						<hr>
						<div class="text-detail">
						  <p>
							负责公司产品整体设计，制定产品设计策略和计划，组织市场调研，根据企业和品牌的整体发展战略，确定年度产品发展目标、策略和市场计划。分配新品设计、开发任务，协调人员关系，负责员工队伍建设以及人员的培训、考核及客户资源管理。 负责设计部的正常运行，以及对所属人力资源的合理分配和所有物品负有全部责任，并负责协调各部门、衔接各环节有利公司运转顺畅的其它一切事务。
						  </p>
						</div>
					  </div>
					</div>
				  </div>
				</li>
			  </ul>

			</div>
		  </div>
		</div>
	  </div>
	</section>
	<!--/.EMPLOYEMENT END-->

	<!--SKILLS-->
	<section class="white-bg" id="skill">
	  <div class="container">
		<div class="row">
		  <div class="col-md-3">
			<h3 class="title-small">
			  <span>技能</span>
			</h3>
			<p class="content-detail">
			  　　　　本人具有优秀的自我管理能力，积极阳光的个性。色彩感强烈。良好的创意及创新设计能力，具有产品创意激情。能准确把握流行趋势及产品市场定位，确保产品符合市场需求，熟练使用PhotoshopCS 、CorelDraw等绘图软件与办公软件。
			</p>
		  </div>
		  <div class="col-md-9 content-right">
			<!--SKILLST-->
			<div class="skillst">
			  <div class="skillbar" data-percent="78%">
				<div class="title head-sm">
				  HTML 5
				</div>
				<div class="count-bar">
				  <div class="count"></div>
				</div>
			  </div>
			  <div class="skillbar" data-percent="91%">
				<div class="title head-sm">
				  CSS
				</div>
				<div class="count-bar">
				  <div class="count"></div>
				</div>
			  </div>
			  <div class="skillbar" data-percent="88%">
				<div class="title head-sm">
				 AXURE 
				</div>
				<div class="count-bar">
				  <div class="count"></div>
				</div>
			  </div>
			  <div class="skillbar" data-percent="63%">
				<div class="title head-sm">
				  AE
				</div>
				<div class="count-bar">
				  <div class="count"></div>
				</div>
			  </div>
			  <div class="skillbar" data-percent="95%">
				<div class="title head-sm">
				  Photoshop
				</div>
				<div class="count-bar">
				  <div class="count"></div>
				</div>
			  </div>
			</div>
			<!--/.SKILLST END-->
		  </div>
		</div>
	  </div>
	</section>
	<!--/.SKILLS END-->

	<!--TESTIMONIAL-->
	<section id="testimonial">
	  <div class="container">
		<div class="row wrap-testimonial">
		  <div class="col-md-10 col-md-offset-1">
			<div class="owl-carousel">
			  <div class="list-testimonial">
				<div class="content-testimonial">
				  <h3 class="testi">
					“表面上看来，设计是为了解决某个问题而进行的创造性活动，需要大量的思考;“直观”是一种无意识的过程，是人们的直觉在起作用。但事实上，很多设计或 发明之所以伟大，恰恰是因为它们符合人们的直觉，源于并融入人们的生活。门和橱柜把手从来不是人们思考的对象，人们很自然地通过它们进行开启的动作，从来 不需要额外的说明。 ”
				  </h3>
				</div>
			  </div>
			  <div class="list-testimonial">
				<div class="content-testimonial">
				  <h3 class="testi">
					“ 　好设计的秘诀：非常严格的品味，再加上实现这种品味的能力。单单无法容忍丑陋还不够。只有对这个领域非常熟悉，你才可能发现哪些地方可以动手改进。你 必须锻炼自己。只有在成为某个领域的专家之后，你才会听到心里有一个细微的声音说：“这样解决太糟糕了，一定有更好的选择。”不要忽视这种声音，要培育它 们。 ”
				  </h3>
				</div>
			  </div>
			  <div class="list-testimonial">
				<div class="content-testimonial">
				  <h3 class="testi">
					“ 　好设计是成批出现的。为什么文艺复兴会出现在1450年的佛罗伦萨?如果达芬奇出生在米兰，历史会怎样?另一个例子是，即便当代人口流动如此剧烈，天 才项目还是出现在那么几个中心：德国包豪斯建筑学院、曼哈顿计划、《纽约客》杂志、洛克希德公司的臭鼬工作室和1980年代的施乐帕洛阿图研发中心─格雷 厄姆在这里注解：如果你远离这些中心，你也很难出头。 ”
				  </h3>
				</div>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	  <div class="mask-testimonial"></div>
	</section>
	<!--/.TESTMONIAL END-->

	<!--CONTACT-->
	<!--<section id="contact" class="white-bg">
	  <div class="container">
		<div class="row">
		  <div class="col-md-3">
			<h3 class="title-small">
			  <span>给我留言</span>
			</h3>
			<p class="content-detail">
			 如有意向定制各类产品界面或交流学习经验请在下方留言。
			</p>

		  </div>
		  <div class="col-md-9 content-right">
			<form>
			  <div class="group">
				<input required="" type="text"><span class="highlight"></span><span class="bar"></span><label>姓名</label>
			  </div>
			  <div class="group">
				<input required="" type="email"><span class="highlight"></span><span class="bar"></span><label>Email</label>
			  </div>
			  <div class="group">
				<textarea required=""></textarea><span class="highlight"></span><span class="bar"></span>
				  <label>消息</label>
			  </div>
			  <input id="sendMessage" name="sendMessage" type="submit" value="Send Message">
			</form>
		  </div>
		</div>
	  </div>
	</section>-->
	<!--/.CONTACT END-->
	
	<!--FOOTER-->
	<footer>
<!--
	  <div class="footer-top">
		<ul class="socials">
		  <li class="facebook">
			<a href="#" data-hover="Facebook">Facebook</a>
		  </li>
		  <li class="twitter">
			<a href="#" data-hover="Twitter">Twitter</a>
		  </li>
		  <li class="gplus">
			<a href="#" data-hover="Google +">Google +</a>
		  </li>
		</ul>
	  </div>
-->

	  <div class="footer-bottom">
		<div class="container">
		  <div class="row">
			<img src="images/logo-bottom.png" alt="logo bottom" class="center-block" /></div>
		</div>
	  </div>
	</footer>
	<!--/.FOOTER-END-->

  <!--/.CONTENT END-->
  </div>
<!--/.CONTENT-WRAP END-->
</div>


<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="js/jquery.appear.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/classie.js" type="text/javascript"></script>
<script src="js/owl.carousel.min.js" type="text/javascript"></script>
<script src="js/jquery.magnific-popup.min.js" type="text/javascript"></script>
<script src="js/masonry.pkgd.min.js" type="text/javascript"></script>
<script src="js/masonry.js" type="text/javascript"></script>
<script src="js/smooth-scroll.min.js" type="text/javascript"></script>
<script src="js/typed.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
</body>
</html>